<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title>在线MD5加密</title>
  <script type="text/javascript" src="jquery-1.4.4.min.js"></script>
  <script type="text/javascript" src="jquery.md5.js"></script>
  <script type="text/javascript">
    $(document).ready(function(){
      $("#original").keyup(function (){
        var original = $("#original").val();
        $("#md5").text($.md5(original));
      });

      $("#original").focus();
    });
  </script>
</head>

<body>

<div style="width: 100%; text-align: center; padding-top: 100px;">
  
  Input:
  <input type="text" name="original" id="original" value="" />
  <br/><br/><br/>
  <div id="md5"></div>

</div>

</body>
</html>